<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-app-status-bar-style" content="black" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0" />
  <title>【开发笔记】DanmuPlayer API - 轻松使用弹幕播放器 - 轩の小站</title>
    <meta name="keywords" content=""/>
  <meta name="description" content="&nbsp;&nbsp;&nbsp;&nbsp;其实一直想搞个弹幕播放器用用，找到过ABPlayer之类的。按小编的想法来说，能找到一个Flash的播放器外部直接调用那真是再好不过了，但是又考虑到移动设备的兼容性问题，所以不得不入手HTML5的。但是用上HTML的不知道..."/>

<!--[if lte IE 8]>
	<script type="text/javascript" src="../zb_users/theme/xiaobao/scripts/html5.js" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/scripts/html5.js"></script>
    <script type="text/javascript" src="../zb_users/theme/xiaobao/scripts/css3-mediaqueries.js" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/scripts/css3-mediaqueries.js"></script>
<![endif]-->
<link href="../zb_users/theme/xiaobao/css/tip-twitter/tip-twitter.css-ver=1.2" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/css/tip-twitter/tip-twitter.css?ver=1.2" rel="stylesheet">
<link href="../zb_users/theme/xiaobao/css/font-awesome.min.css" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="../zb_users/theme/xiaobao/css/tomorrow.css" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/css/tomorrow.css">
<script src="../zb_users/theme/xiaobao/scripts/highlight.pack.js" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/scripts/highlight.pack.js"></script>
<script src="../zb_system/script/common.js" tppabs="http://www.i0w0i.com/zb_system/script/common.js" type="text/javascript"></script>
<script src="../zb_system/script/c_html_js_add.php" tppabs="http://www.i0w0i.com/zb_system/script/c_html_js_add.php" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../zb_users/theme/xiaobao/css/pgwmenu.min.css" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/css/pgwmenu.min.css"/>
<link rel='stylesheet' id='style-css'  href="../zb_users/theme/xiaobao/style/style.css" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/style/style.css" type='text/css' media='' />
<link rel='stylesheet' id='skincolor-css'  href="../zb_users/theme/xiaobao/css/skin/skin-green.css" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/css/skin/skin-green.css" type='text/css' media='' />
</head><link href="../zb_users/plugin/fancybox/fancybox.css" tppabs="http://www.i0w0i.com/zb_users/plugin/fancybox/fancybox.css" rel="stylesheet" type="text/css" />

<script src="../zb_users/plugin/fancybox/fancybox.js" tppabs="http://www.i0w0i.com/zb_users/plugin/fancybox/fancybox.js"></script>
<script type="text/javascript">$(document).ready(function() {$(".fancybox").fancybox();});</script>
<link rel="stylesheet" rev="stylesheet" href="../zb_users/plugin/sf_shortcode/common.css" tppabs="http://www.i0w0i.com/zb_users/plugin/sf_shortcode/common.css" type="text/css" media="all"/>
<body>
    <!--loading-->
    <div class="loading"></div>
    <div class="circle-loading"></div>
	<!-- float category -->
    <div class="list">
    	<ul>
<li><a href="http://www.i0w0i.com/category/unknown/">没分类</a></li><li><a href="http://www.i0w0i.com/category/Development/">开发笔记&程序源码</a></li><li><a href="http://www.i0w0i.com/category/Applocations/">应用安利&经验分享</a></li><li><a href="http://www.i0w0i.com/category/　　/">其他</a></li>        </ul>
    </div>
    <!--weibo -->
    <div class="weibo-show" style="left: 60px;">
	<iframe width="250" height="680" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=680&fansRow=2&ptype=1&speed=0&skin=6&isTitle=0&noborder=0&isWeibo=1&isFans=0&uid=3995623830&verifier=f3eb1e52&dpc=1"></iframe>	</div>
    <!-- weiboend -->
    <div class="wider-switch"><i class="fa fa-expand"></i></div>
    <header class="left">
<div id="categories">
 <ul class="pgwMenu">
<li id="nvabar-item-index"><a href="../index.htm" tppabs="http://www.i0w0i.com/">首页</a></li><li><a href="http://app.i0w0i.com/kksign/" target="_blank">贴吧签到助手</a></li><li><a href="http://app.i0w0i.com/danmuplayer/" target="_blank">DanmuPlayerAPI</a></li><li><a href="http://app.i0w0i.com/qqcloud/" target="_blank">QQ云</a></li><li><a href="http://app.i0w0i.com/wall/" target="_blank">墙</a></li><li><a href="http://i.i0w0i.com/" target="_blank">芒果云</a></li><li><a href="http://www.touch-all.com/" target="_blank">VISION：触控解决方案供应商</a></li>    </ul>
        </div>
    	<div class="sns-icon">
        	<ul>
        	    <li class="sns-weibo"><span>展开微博窗口</span></li>
                <a target="_blank" href="http://sighttp.qq.com/authd?IDKEY=ae4090d1e35647a14f57e312cbd2e94c46f421932f3f2210"><li class="sns-qq"><span>QQ:</span></li></a>
                <li class="icon-category"><span>展开分类目录</span></li>
            </ul>
        </div>
        
        <div class="to-top"><i class="fa fa-angle-up"></i></div>
    	<div class="face-area">
        	<div class="face-img">
            <a href="../index.htm" tppabs="http://www.i0w0i.com/" alt="回到首页" title="回到首页">
            <img src="../zb_users/theme/xiaobao/style/images/face.png" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/style/images/face.png" />
            </a>
            </div>
            <div class="face-name">轩の小站</div>
        </div>
    	<div class="search">
        	<form method="get" id="searchform" class="searchform" action="http://www.i0w0i.com/search.php?" role="search">
<input class="form-control" type="text" name="q" id="q" placeholder="搜索关键词...">
            <input type="submit" value="">
</form>        </div>
        <div class="nav">
        	<ul>
            	<li id="nvabar-item-index"><a href="../index.htm" tppabs="http://www.i0w0i.com/">首页</a></li><li><a href="http://app.i0w0i.com/kksign/" target="_blank">贴吧签到助手</a></li><li><a href="http://app.i0w0i.com/danmuplayer/" target="_blank">DanmuPlayerAPI</a></li><li><a href="http://app.i0w0i.com/qqcloud/" target="_blank">QQ云</a></li><li><a href="http://app.i0w0i.com/wall/" target="_blank">墙</a></li><li><a href="http://i.i0w0i.com/" target="_blank">芒果云</a></li><li><a href="http://www.touch-all.com/" target="_blank">VISION：触控解决方案供应商</a></li>            	<li id="nav-current" class="nav-current"></li>
            </ul>           
        </div>
    </header>            <div class="container" style="margin-left: 340px;">
    	<div class="article-list">
        			<article class="article">
                            	                <div class="feature-img">
                	<a href="7.html" tppabs="http://www.i0w0i.com/archives/7.html" title="【开发笔记】DanmuPlayer API - 轻松使用弹幕播放器" alt="【开发笔记】DanmuPlayer API - 轻松使用弹幕播放器"></a>
                </div>
				                <h1><a href="7.html" tppabs="http://www.i0w0i.com/archives/7.html" title="【开发笔记】DanmuPlayer API - 轻松使用弹幕播放器" alt="【开发笔记】DanmuPlayer API - 轻松使用弹幕播放器">【开发笔记】DanmuPlayer API - 轻松使用弹幕播放器</a></h1>
                <div class="content">
                				<p>&nbsp;&nbsp;&nbsp;&nbsp;其实一直想搞个弹幕播放器用用，找到过ABPlayer之类的。按小编的想法来说，能找到一个Flash的播放器外部直接调用那真是再好不过了，但是又考虑到移动设备的兼容性问题，所以不得不入手HTML5的。但是用上HTML的不知道怎么回事总是会引起播放器和原来网页css和js的冲突，导致网页加载速度慢啊显示不正常种种问题。然后这个想法也就搁置了半年多。<br/></p><p>&nbsp;&nbsp;&nbsp;&nbsp;最后还是度娘到了这个播放器，DanmuPlayer，是国产的，所以在说明文档的阅读上也没有什么代沟……hhhh<br/></p><p>&nbsp;&nbsp;&nbsp;&nbsp;说明一下原版播放器的具体情况吧：原版的是一套文件，通过css、js加载出一个播放器。整个播放器的参数定义都是在一个文件内完成的。也就是说，我每挂上去一个视频，就要创建一个文件。至于弹幕的存储是通过MySQL来的，这个是没什么好吐槽的，虽然b站用的是xml文件，但考虑到php解析xml的工作量有点大，MySQL也是个不错的方法。查看源代码之后发现，播放器页面会定义视频的链接、长宽度、弹幕的一些属性，还有弹幕发送的方向和读取的地址，也就是两个php文件。而这两个php文件又分别定义了连接数据库的参数。然后测试了一下，发现数据库中储存弹幕的表只有一列，用来储存弹幕。那么，我每挂一个视频我就要创建一个html页面来储存视频的各项参数，还要在两个有关弹幕的php文件中修改表名并到数据库操作对应的创建咯。这显然不符合平时发布视频的便捷程度。<br/></p><p><a href="../zb_users/upload/2015/08/201508121439368322609622.png" tppabs="http://www.i0w0i.com/zb_users/upload/2015/08/201508121439368322609622.png" title="正在上传..." alt="blob.png" rel="box" class="fancybox"/><img src="../zb_users/upload/2015/08/201508121439368322609622.png" tppabs="http://www.i0w0i.com/zb_users/upload/2015/08/201508121439368322609622.png" title="正在上传..." alt="blob.png"/></a></p><p>&nbsp;&nbsp;&nbsp;&nbsp;然后这个是获取弹幕的文件<br/></p><pre class="brush:php;toolbar:false">&lt;?php&nbsp;header(&#39;Content-type:text/html;charset=utf8&#39;);
$conn&nbsp;=&nbsp;@&nbsp;mysql_connect(&quot;localhost&quot;,&nbsp;&quot;root&quot;,&nbsp;&quot;&quot;)&nbsp;or&nbsp;die(&quot;datebase&nbsp;can`t&nbsp;been&nbsp;connected&quot;);&nbsp;//链接数据库，替换成自己的mysql_select_db(&quot;danmu&quot;,&nbsp;$conn);&nbsp;//选择弹幕列表所存放数据库，替换成自己的
mysql_query(&quot;set&nbsp;names&nbsp;&#39;utf8&#39;&quot;);&nbsp;//&nbsp;设置编码
$sql=&quot;SELECT&nbsp;`danmu`&nbsp;FROM&nbsp;`danmu`&quot;;&nbsp;&nbsp;//在这里弹幕所存放的数据表名称为danmu，该表有一个text型字段，字段名名也为danmu。另外还有一个索引字段（重要）。$query=mysql_query($sql);&nbsp;//echo$danmu;&nbsp;echo&nbsp;&quot;[&quot;;&nbsp;&nbsp;&nbsp;//数组的前中括号$first=0;&nbsp;
while($row=mysql_fetch_array($query)){&nbsp;
if&nbsp;($first)&nbsp;{&nbsp;
echo&nbsp;&quot;,&quot;;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//数组元素分隔符逗号，条件判断，数组前一个元素前不用逗号}&nbsp;
$first=1;&nbsp;
echo&nbsp;&quot;&#39;&quot;.$row[&#39;danmu&#39;].&quot;&#39;&quot;;&nbsp;&nbsp;//danmu对象（数据库里该字段每条记录都是一个text形式的弹幕对象）}&nbsp;
echo&nbsp;&quot;]&quot;;&nbsp;&nbsp;//数组的后中括号?&gt;</pre><p>&nbsp;&nbsp;&nbsp;&nbsp;于是便想做一个API，从过php GET视频的参数。然后为了不让一个视频一个表，所以想引入一个视频titile参数，从而在一张表内区分不同视频的弹幕。大概构思就是这样了。<br/></p><p>&nbsp;&nbsp;&nbsp;&nbsp;然后开始创建播放器的index页面，参数的GET过程是这样的<br/></p><pre class="brush:php;toolbar:false">&lt;?php&nbsp;header(&#39;Content-type:text/html;charset=utf-8&#39;);
&nbsp;&nbsp;&nbsp;&nbsp;if(isset($_GET[&#39;title&#39;])&nbsp;&amp;&amp;&nbsp;!empty($_GET[&#39;title&#39;])&nbsp;&amp;&amp;&nbsp;isset($_GET[&#39;src&#39;])&nbsp;&amp;&amp;&nbsp;!empty($_GET[&#39;src&#39;])&nbsp;){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$title=$_GET[&#39;title&#39;];
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$src=$_GET[&#39;src&#39;];
&nbsp;&nbsp;&nbsp;&nbsp;}else{
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&quot;&lt;br&nbsp;/&gt;参数错误（501&nbsp;-&nbsp;Not&nbsp;Implemented）：请检查title、src参数是否正常并重试&quot;&nbsp;;die();
&nbsp;&nbsp;&nbsp;&nbsp;}</pre><p>这样就得到了视频的地址和标题并赋值给了$src和$title。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;但是这个时候出来一个致命性错误，因为title参数是给两个操作弹幕的php文件用的，然而现在titile参数在播放器的html页面上，虽然html页面的php脚本是获取到了title参数，但是却没法给另外两个php文件。然后小编就想，定义一个config.php文件，然后在播放器的脚本上include &#39;config.php&#39; ;这样config.php就得到了titile参数，两个操作弹幕的文件再读取一下它，实现了三者的变量互通。<br/></p><p>&nbsp;&nbsp;&nbsp;&nbsp;然而测试之后……小编想多了Orz根本做不到，原因可能是这样：在include()执行的时候因为config.php等有定义变量的操作，此时变量得到了刷新，然而config.php本身并没有能GET的数据，所以整个操作失败。<br/></p><p>&nbsp;&nbsp;&nbsp;&nbsp;后来也试过session，反正没成功就是了……小编并没有学过php，session里cookies啊之类的根本理解不了Orz<br/></p><p>&nbsp;&nbsp;&nbsp;&nbsp;无奈之下去吃了个饭，我还清楚明白的记得我是吃红烧肉的时候想起来的！：为什么不直接在视频参数发送变量呢！</p><p>&nbsp;&nbsp;&nbsp;&nbsp;于是……html页面的参数就这样了：<br/></p><pre class="brush:php;toolbar:false;">$(document).ready(function()&nbsp;{
&nbsp;&nbsp;&nbsp;&nbsp;$(&quot;#danmup&quot;).danmuplayer({
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;src:&nbsp;&quot;&lt;?php&nbsp;echo&nbsp;$_GET[&#39;src&#39;];?&gt;&quot;,&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height:&nbsp;&lt;?php&nbsp;if(isset($_GET[&#39;height&#39;])){echo&nbsp;$_GET[&#39;height&#39;];}else{echo&nbsp;&quot;450&quot;;}?&gt;,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//GET视频高度&nbsp;默认450px
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width:&nbsp;&lt;?php&nbsp;if(isset($_GET[&#39;width&#39;])){echo&nbsp;$_GET[&#39;width&#39;];}else{echo&nbsp;&quot;800&quot;;}?&gt;,&nbsp;&nbsp;&nbsp;&nbsp;//过GET视频宽度&nbsp;默认800px
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;speed:&nbsp;&lt;?php&nbsp;echo&nbsp;&quot;$speed&quot;;?&gt;,&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;danmuss:&nbsp;{},&nbsp;//默认的danmuss对象
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;default_font_color:&nbsp;&quot;&lt;?php&nbsp;echo&nbsp;&quot;$default_font_color&quot;;?&gt;&quot;,&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font_size_small:&nbsp;&lt;?php&nbsp;echo&nbsp;&quot;$font_size_small&quot;;?&gt;,&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;font_size_big:&nbsp;&lt;?php&nbsp;echo&nbsp;&quot;$font_size_big&quot;;?&gt;,&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;opacity:&nbsp;&quot;40&quot;,&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;top_botton_danmu_time:&nbsp;6000,&nbsp;//底部及顶部弹幕存留的世界
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url_to_get_danmu:&nbsp;&quot;get.php?title=&lt;?php&nbsp;echo&nbsp;$_GET[&#39;title&#39;];?&gt;&amp;domain=&lt;?php&nbsp;if(isset($_GET[&#39;domain&#39;])){echo&nbsp;$_GET[&#39;domain&#39;];}else{echo&nbsp;&quot;null&quot;;}?&gt;&quot;,&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;url_to_post_danmu:&nbsp;&quot;post.php?title=&lt;?php&nbsp;echo&nbsp;$_GET[&#39;title&#39;];?&gt;&amp;domain=&lt;?php&nbsp;if(isset($_GET[&#39;domain&#39;])){echo&nbsp;$_GET[&#39;domain&#39;];}else{echo&nbsp;&quot;null&quot;;}?&gt;&quot;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;});</pre><p>为了有些不定义视频高度和宽度的偷懒的小朋友 ，所以不得不用isset()函数判断是否得到视频的高宽度信息，如果没有的话就用默认的。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;到了这里，简单的API就做成了。<br/></p><p>&nbsp;&nbsp;&nbsp;&nbsp;既然是API，那么就不得不考虑应用流量的问题，如果全都用我的数据库就太坑爹了吧……于是就做出了个“网站注册”的功能，给特定的网站创建自己的config，用他们的数据库√。反正就这么来，做完好几天了也忘记发生什么了。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;GET一个domain的变量，有domain就使用创建好的config_+domain.php，没有的就用默认的。<br/></p><pre class="brush:php;toolbar:false">if(isset($_GET[&#39;domain&#39;])&nbsp;&amp;&amp;&nbsp;!empty($_GET[&#39;domain&#39;])){
&nbsp;&nbsp;&nbsp;&nbsp;$configname=&quot;config/config_&quot;.$_GET[&#39;domain&#39;].&quot;.php&quot;;
if(!file_exists($configname)){
&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;&quot;&lt;br&nbsp;/&gt;参数错误（501&nbsp;-&nbsp;Not&nbsp;Implemented）：未注册的域名&nbsp;请检查并重试&nbsp;如您未注册域名请不要带domain参数&quot;&nbsp;;die();
&nbsp;&nbsp;&nbsp;&nbsp;}
}else{
&nbsp;&nbsp;&nbsp;&nbsp;$configname=&quot;config/config_null.php&quot;;
}
&nbsp;&nbsp;&nbsp;&nbsp;include&nbsp;$configname&nbsp;;</pre><p>&nbsp;&nbsp;&nbsp;&nbsp;反正做好了，API地址在导航栏有。<br/></p><p><a href="../zb_users/upload/2015/08/201508121439370293419517.png" tppabs="http://www.i0w0i.com/zb_users/upload/2015/08/201508121439370293419517.png" title="正在上传..." alt="blob.png" rel="box" class="fancybox" style="white-space: normal;"/><img src="../zb_users/upload/2015/08/201508121439370293419517.png" tppabs="http://www.i0w0i.com/zb_users/upload/2015/08/201508121439370293419517.png" title="正在上传..." alt="blob.png"/></a></p>                    					<div class="article-copyright"><i class="fa fa-share-alt"></i> 转载请注明来自 <b><a href="../index.htm" tppabs="http://www.i0w0i.com/">轩の小站</a></b> 的 <a href="7.html" tppabs="http://www.i0w0i.com/archives/7.html">【开发笔记】DanmuPlayer API - 轻松使用弹幕播放器</a></div><div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more">分享到：</a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">QQ空间</a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧">百度贴吧</a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">腾讯微博</a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网">人人网</a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友">QQ好友</a><a href="#" class="bds_mshare" data-cmd="mshare" title="分享到一键分享">一键分享</a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址">复制网址</a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"16"},"share":{"bdSize":16}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
<div class="clearfix"></div><div id="SOHUCS"></div>
                                </div>
                <div class="article-info">
                    <i class="fa fa-calendar"></i> 2015-08-12 &nbsp; <i class="fa fa-map-marker"></i> 
				<a href="http://www.i0w0i.com/category/Development/" rel="category tag">开发笔记&程序源码</a>                 </div>
                            </article>        
                   </div>
<div id="footer"><script type="text/JavaScript">    document.write('轩の小站已存在于这个错误的世界上  <b>');    var urodz = new Date("1/23/2014");    var now = new Date();    var ile = now.getTime() - urodz.getTime();    var dni = Math.floor(ile / (1000 * 60 * 60 * 24));    document.write(dni);    document.write('</b> 天');</script><br />Copyright © 2013-2016 YuXuan_0012/i0w0i.com<br />All Rights Reserved<br />Theme by <a href="http://www.baowz.com/" target="_blank" title="暴博客-专注ZblogPHP!">暴博客</a>&nbsp;&nbsp;基于<a href="http://www.zblogcn.com/" title="RainbowSoft Z-BlogPHP" target="_blank">Z-BlogPHP</a>搭建</div> <div class="sidebar">

<div class="widget sidebox ds-widget-top-threads" id="aboutme">
		<div class="sidecontent">
						<ul class="ds-top-threads"><li><img src="../wechatrcode.jpg" tppabs="http://www.i0w0i.com/wechatrcode.jpg" width="100%" height="100%"></li><li>Email：<a target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=i@i0w0i.com" title="Email">i@i0w0i.com</a></li><li>GitHub：<a href="https://github.com/YuXuan220" target="_blank">YuXuan220</a></li><li>微博：<a  href="http://www.weibo.com/u/3995623830/" target="_blank">@黏土掘硒</a></li></ul>
			</div>
</div>
<div class="widget sidebox ds-widget-top-threads" id="divLinkage">
	<i class="fa fa-caret-down"></i><h2>友情链接</h2>	<div class="sidecontent">
						<ul class="ds-top-threads"><li><a href="http://www.i0w0i.com/boke-nav.html" target="_blank">中国博客联盟</a></li><li><a href="http://ikk.me/" target="_blank">KK的博客</a></li><li><a href="http://iimx.net/" target="_blank">iiMX</a></li><li><a href="http://www.dftms.xyz/" target="_blank">有萝莉</a></li></ul>
			</div>
</div>
<div class="widget sidebox ds-widget-top-threads" id="divFavorites">
	<i class="fa fa-caret-down"></i><h2>站点收藏</h2>	<div class="sidecontent">
						<ul class="ds-top-threads"><li><a href="http://zgboke.com/" title="收录国内优秀独立博客！" target="_blank">中国博客联盟</a></li><li><a href="http://west263.com/" target="_blank">西部数码</a></li><li><a href="http://jk.cloud.360.cn/" target="_blank">360网站服务监控</a></li><li><a href="http://www.w3school.com.cn/" target="_blank">W3School</a></li><li><a href="https://github.com/" target="_blank">GitHub</a></li><li><a href="http://www.clicki.cn/" target="_blank">Clicki</a></li><li><a href="http://msdn.itellyou.cn/?lang=zh-cn" target="_blank">MSDN,我告诉你</a></li><li><a href="http://www.bilibili.com/" target="_blank">哔哩哔哩弹幕视频网</a></li><li><a href="http://www.zdfans.com/" target="_blank">zd423</a></li></ul>
			</div>
</div></div>
</div>
</div>
<script src="../zb_users/theme/xiaobao/scripts/jquery.poshytip.min.js-ver=1.2" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/scripts/jquery.poshytip.min.js?ver=1.2"></script>
<script src="../zb_users/theme/xiaobao/scripts/jquery.nicescroll.min.js-ver=3.1.2" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/scripts/jquery.nicescroll.min.js?ver=3.1.2"></script>
<script src="../zb_users/theme/xiaobao/scripts/custom.js-ver=1.0" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/scripts/custom.js?ver=1.0"></script>
<script type="text/javascript">
    $(document).ready(function(){
         $('.pgwMenu').pgwMenu();
    });
</script>
<script type="text/javascript" src="../zb_users/theme/xiaobao/scripts/pgwmenu.min.js" tppabs="http://www.i0w0i.com/zb_users/theme/xiaobao/scripts/pgwmenu.min.js"></script>
</body>
</html><!--2,071.75 ms , 6 query , 1048kb memory , 1 error-->